<!-- 组织架构 -->
<template>
  <div>
    <pageHeader :title="title" :breadCrumb="breadCrumb" :show-back="true">
    </pageHeader>
    <div class="organization_list">
      <organizationList class="list"></organizationList>
      <organizationData
        style="height: 100%"
        class="mainLeft"
      ></organizationData>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import organizationList from './components/organizational-list/index.vue';
  import organizationData from './components/organizational-form/index.vue';

  const title = '组织架构';
  const breadCrumb = ['首页', '系统设置', '组织架构'];
  const tableData = ref([]);
</script>

<style scoped lang="less">
  .organization_list {
    padding: 10px 40px;
    height: 100%;
    display: flex;
  }
  .leftList {
    margin-right: 20px;
  }
  .mainLeft {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
  }
</style>
